<!DOCTYPE html>

<html xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">


<h:head>



	<style type="text/css">
.content {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.ui-layout,.ui-layout-doc,.ui-layout-unit,.ui-layout-wrap,.ui-layout-bd,.ui-layout-hd
	{
	border: none;
}

.companyHeaderGrid tr,.companyHeaderGrid td {
	border: none;
}
</style>

</h:head>

<h:body>
	<img class="content" src="#{resource['images/top.jpg']}"
		alt="immagine top"></img>

	<!-- Importo il css per la customizzazione della pagina -->
	<h:outputStylesheet name="css/custom.css" />


	<p:layout fullPage="false" style=" min-width: 90%; min-height:600px;">

		<p:layoutUnit position="north"
			style="min-height:100px; font-size: 13pt">
			<p:toolbar>
				<p:toolbarGroup align="right">
					<h:form>
						<p:commandButton id="logoutButton" value="Logout"
							icon="ui-icon-play" action="#{logoutBean.logout()}" />
					</h:form>
				</p:toolbarGroup>
			</p:toolbar>
		</p:layoutUnit>


		<!-- START - ZONA SX DELLA PAGINA -->
		<p:layoutUnit position="west" collapsible="true" size="22%" gutter="0">

			<!-- Inserisco dal file left_menu (della cartella corrente) il menu con i comandi -->
			<ui:insert name="left-menu">
				<div style="padding: 0px 0px 0px 0px">
					<ui:include src="left_menu.xhtml" />
				</div>
			</ui:insert>

		</p:layoutUnit>
		<!-- STOP - ZONA SX DELLA PAGINA -->

		<!-- START - Dettagli del pacchetto -->
		<p:layoutUnit position="center" style="padding-left: 10px;"
			size="100%" id="packet_data_unit">

			<h:form id="new_packet_form">

				<p:panelGrid columns="3" id="packet-data-panel"
					style="min-width: 100%; margin: 0 auto"
					styleClass="companyHeaderGrid">

					<f:facet name="header">
						<p:outputLabel style="font-size: 15pt">Dati del pacchetto da creare</p:outputLabel>
					</f:facet>

					<h:outputText value="Citta: " />
					<p:autoComplete id="city"
						value="#{pacchettoBean.pacchettoSelezionato.citta}" label="Citta"
						completeMethod="#{cittaBean.complete}" var="c" required="true"
						itemLabel="#{c.name}" minQueryLength="3" itemValue="#{c}"
						forceSelection="true" converter="cittaConverter"
						requiredMessage="Inserire la citta">
						<p:ajax event="itemSelect" update="city" />
					</p:autoComplete>
					<p:message display="text" for="city" />

					<h:outputText value="Data Partenza: " />
					<p:calendar value="#{pacchettoBean.pacchettoSelezionato.partenza}"
						id="cal_partenza" showButtonPanel="true"
						mindate="#{pacchettoBean.CURRENT_DATE}" readonlyInput="true">
						<p:ajax event="dateSelect" update="cal_ritorno" />
					</p:calendar>
					<p:message display="text" for="cal_partenza" />


					<h:outputText value="Data Ritorno: " />
					<p:calendar value="#{pacchettoBean.pacchettoSelezionato.ritorno}"
						id="cal_ritorno" showButtonPanel="true" required="true"
						readonlyInput="true" mindate="#{pacchettoBean.dataPartenza}"
						requiredMessage="Inserire data di ritorno" />
					<p:message display="text" for="cal_ritorno" />


					<h:outputText value="Percentuale di sconto sul pacchetto: " />
					<p:inputText id="perc_sconto" type="integer"
						value="#{pacchettoBean.pacchettoSelezionato.sconto}"
						validator="#{validaBean.isPercentage}">
					</p:inputText>
					<p:message display="text" for="perc_sconto" />

					<h:outputText value="Disponibilita pacchetto: " />
					<p:inputText id="disp" type="integer"
						value="#{pacchettoBean.pacchettoSelezionato.disponibilita}"
						validator="#{validaBean.isIntegerGreaterThanZero}">
					</p:inputText>
					<p:message display="text" for="disp" />
					<f:facet name="footer">
						<p:commandButton value="Verifica dati e continua..."
							action="#{pacchettoBean.editPacchetto}"
							update="packet-data-panel" />
					</f:facet>
				</p:panelGrid>
			</h:form>


		</p:layoutUnit>
		<!-- STOP - Dettagli del pacchetto -->

	</p:layout>
	<img class="content" src="#{resource['images/bottom.jpg']}"
		alt="immagine top"></img>

</h:body>
</html>